<%@ page contentType="text/html;charset=UTF-8" language="java" %> 
<!-- 引入jstl --> 
<%@include file="common/tag.jsp"%> 
<!DOCTYPE html> 

<html lang="zh-CN"> 
<head> 
	<title>秒杀详情页</title> 
	<%@include file="common/head.jsp"%> 
</head> 
<body> 
	<div class="container"> 
		<div class="panel panel-default text-center"> 
			<div class="panel-heading">${seckill.name}</div> 
			<div class="panel-body"> 
				<h2 class="text-danger"> 
					<!-- 显示time图标 --> 
					<span class="glyphicon glyphicon-time"></span> 
					<!-- 展示倒计时 --> 
					<span class="glyphicon" id="seckill-box"></span> 
				</h2> 
			</div> 
		</div> 
	</div>
	
	<!-- 登录弹出层，输入电话 --> 
	<div id="killPhoneModal" class="modal fade"> 
		<div class="modal-dialog"> 
			<div class="modal-content"> 
				<div class="modal-header"> 
					<h3 class="modal-title text-center"> 
						<span class="glyphicon glyphicon-phone"></span>
						秒杀电话： 
					</h3> 
				</div> 
				<div class="modal-body"> 
					<div class="row"> 
						<div class="col-xs-8 col-xs-offset-2"> 
							<input type="text" name="killPhone" id="killPhoneKey" placeholder="填手机号" class="form-control"> 
						</div> 
					</div> 
				</div> 
				<div class="modal-footer"> 
					<!--验证信息--> 
					<span id="killPhoneMessage" class="glyphicon"></span> 
					<button type="button" id="killPhoneBtn" class="btn btn-success"> 
						<span class="glyphicon glyphicon-phone"></span> 
						提交 
					</button> 
				</div>
			</div> 
		</div> 
	</div> 
</body> 
	
<!-- 
	使用CDN获取公共js       
	http://cdn.bootcss.com/ 
-->
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> 
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> 
<!-- 最新的 Bootstrap 核心 JavaScript 文件 --> 
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<!-- jQuery cookie操作插件 -->
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> 
<!-- jQuery countDown倒计时插件 -->
<script src="https://cdn.bootcss.com/jquery.countdown/2.1.0/jquery.countdown.min.js"></script> 
	
<!-- 开始编写交互逻辑 --> 
<script src="<%=projectPath%>/js/seckill.js" type="text/javascript"></script> 
<script type="text/javascript"> 
	$(function (){
		seckill.detail.init({
			seckillId : ${seckill.seckillId},
			startTime : ${seckill.startTime.time},//转为毫秒
			endTime : ${seckill.endTime.time}
		});
	});
</script> 
</html>